<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!-- 引入Bootstrap -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

                <!-- bootstrap的javascript插件--需要引用jQuery -->
		<script src="bootstrap/js/jquery.min.js"></script>
		
		<!--包括所有已编译的插件-->
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="container">
			<div>
				<h3 class="text-primary text-center">Bootstrap 标签</h3>
				本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签<br>
				
				<h1>Example Heading <span class="label label-default">Label</span></h1>
				<h2>Example Heading <span class="label label-default">Label</span></h2>
				<h3>Example Heading <span class="label label-default">Label</span></h3>
				<h4>Example Heading <span class="label label-default">Label</span></h4>
			</div>
			
			<div>
				您可以使用修饰的 class label-default、label-primary、label-success、label-info、label-warning、label-danger
				来改变标签的外观<br>
				<span class="label label-default">默认标签</span>
				<span class="label label-primary">主要标签</span>
				<span class="label label-success">成功标签</span>
				<span class="label label-info">信息标签</span>
				<span class="label label-warning">警告标签</span>
				<span class="label label-danger">危险标签</span>
			</div>
			
			
		</div>
		
	</body>
</html>
